<script setup>
import chilrenVue from './components/chilren.vue';
import { ref, reactive, onMounted } from 'vue'
const user = reactive({ name: "zhangsan", age: 19 })
const fn1 = () => {
  console.log("-------------");
}
const childRef = ref();
onMounted(() => {
  console.log(childRef.value.people);
})

</script>

<template>

  <div>{{user}}</div>
  <chilrenVue msg="hello"
              ref="childRef"
              @child-click="fn1()"></chilrenVue>

</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
